﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Login.aspx.cs" Inherits="Login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="Scripts/jquery-1.7.2.min.js"></script>
    <link href="lib/ligerUI/skins/Aqua/css/ligerui-dialog.css" rel="stylesheet" type="text/css" />
    <link href="lib/ligerUI/skins/Gray/css/dialog.css" rel="stylesheet" type="text/css" />
    <script src="lib/ligerUI/js/core/base.js" type="text/javascript"></script>
    <script src="lib/ligerUI/js/plugins/ligerDialog.js" type="text/javascript"></script>
    <script src="lib/js/common.js" type="text/javascript"></script>
    <script src="lib/js/LG.js" type="text/javascript"></script>

    <link rel="stylesheet" type="text/css" href="Css/noty/jquery.noty.css" />
    <link rel="stylesheet" type="text/css" href="Css/noty/noty_theme_default.css" />    
    <script type="text/javascript" src="Scripts/noty/jquery.noty.js"></script>
    <style type="text/css">
        *
        {
            padding: 0;
            margin: 0;
        }
        body
        {
            text-align: center;
            background: #4974A4;
        }
        #login
        {
            width: 740px;
            margin: 0 auto;
            font-size: 12px;
        }
        #loginlogo
        {
            width: 700px;
            height: 100px;
            overflow: hidden;
            background: url('lib/images/login/logo.jpg') no-repeat;
            margin-top: 50px;
        }
        #loginpanel
        {
            width: 729px;
            position: relative;
            height: 300px;
        }
        .panel-h
        {
            width: 729px;
            height: 20px;
            background: url('lib/images/login/panel-h.gif') no-repeat;
            position: absolute;
            top: 0px;
            left: 0px;
            z-index: 3;
        }
        .panel-f
        {
            width: 729px;
            height: 13px;
            background: url('lib/images/login/panel-f.gif') no-repeat;
            position: absolute;
            bottom: 0px;
            left: 0px;
            z-index: 3;
        }
        .panel-c
        {
            z-index: 2;
            background: url('lib/images/login/panel-c.gif') repeat-y;
            width: 729px;
            height: 300px;
        }
        .panel-c-l
        {
            position: absolute;
            left: 60px;
            top: 40px;
        }
        .panel-c-r
        {
            position: absolute;
            right: 20px;
            top: 50px;
            width: 222px;
            line-height: 200%;
            text-align: left;
        }
        .panel-c-l h3
        {
            color: #556A85;
            margin-bottom: 10px;
        }
        .panel-c-l td
        {
            padding: 7px;
        }
        
        
        .login-text
        {
            height: 24px;
            left: 24px;
            border: 1px solid #e9e9e9;
            background: #f9f9f9;
        }
        .login-text-focus
        {
            border: 1px solid #E6BF73;
        }
        .login-btn
        {
            width: 114px;
            height: 29px;
            color: #E9FFFF;
            line-height: 29px;
            background: url('lib/images/login/login-btn.gif') no-repeat;
            border: none;
            overflow: hidden;
            cursor: pointer;
        }
        #txtUsername, #txtPassword
        {
            width: 191px;
        }
        #logincopyright
        {
            text-align: center;
            color: White;
            margin-top: 50px;
        }
    </style>
    <script type="text/javascript">
        var FromUrl = getQueryStringByName("FromUrl");
        if (!FromUrl) {
            FromUrl = encodeURIComponent("Index.aspx");
        }
        $(function () {
            $(".login-text").focus(function () {
                $(this).addClass("login-text-focus");
            }).blur(function () {
                $(this).removeClass("login-text-focus");
            });

            $(document).keydown(function (e) {
                if (e.keyCode == 13) {
                    dologin();
                }
            });

            $("#btnLogin").click(function () {
                dologin();
            });


            function dologin() {
                var username = $("#txtUsername").val();
                var password = $("#txtPassword").val();
                if (username == "") {
                    //alert('账号不能为空!');
                    noty({ "text": "账号不能为空!",
                        "layout": "top",
                        "type": "error",
                        "animateOpen": { "height": "toggle" },
                        "animateClose": { "height": "toggle" },
                        "speed": 500,
                        "timeout": 1000,
                        "closeButton": false,
                        "closeOnSelfClick": true,
                        "closeOnSelfOver": false
                    });
                    $("#txtUsername").focus();
                    return;
                }
                if (password == "") {
                    //alert('密码不能为空!');
                    noty({ "text": "密码不能为空!",
                        "layout": "top",
                        "type": "error",
                        "animateOpen": { "height": "toggle" },
                        "animateClose": { "height": "toggle" },
                        "speed": 500,
                        "timeout": 1000,
                        "closeButton": false,
                        "closeOnSelfClick": true,
                        "closeOnSelfOver": false
                    });
                    $("#txtPassword").focus();
                    return;
                }
                $.ajax({
                    type: 'post', cache: false, dataType: 'json',
                    url: 'Ashx/Login.ashx',
                    data: [
                    { name: 'username', value: username },
                    { name: 'password', value: password }
                    ],
                    success: function (result) {
                        if (!result) {
                            //alert('登陆失败,账号或密码有误!');
                            noty({ "text": "登陆失败,账号或密码有误!",
                                "layout": "top",
                                "type": "error",
                                "animateOpen": { "height": "toggle" },
                                "animateClose": { "height": "toggle" },
                                "speed": 500,
                                "timeout": 1000,
                                "closeButton": false,
                                "closeOnSelfClick": true,
                                "closeOnSelfOver": false
                            });
                            $("#txtUsername").focus();
                            return;
                        } else {
                            location.href = decodeURIComponent(FromUrl);
                        }
                    },
                    error: function () {
                        //alert('发送系统错误,请与系统管理员联系!');
                        noty({ "text": "发送系统错误,请与系统管理员联系!",
                            "layout": "top",
                            "type": "error",
                            "animateOpen": { "height": "toggle" },
                            "animateClose": { "height": "toggle" },
                            "speed": 500,
                            "timeout": 1000,
                            "closeButton": false,
                            "closeOnSelfClick": true,
                            "closeOnSelfOver": false
                        });
                    },
                    beforeSend: function () {
                        $.ligerDialog.waitting("正在登陆中,请稍后...");
                        $("#btnLogin").attr("disabled", true);
                    },
                    complete: function () {
                        $.ligerDialog.closeWaitting();
                        $("#btnLogin").attr("disabled", false);
                    }
                });
            }
        });
    </script>
</head>
<body style="padding: 10px">
    <form id="form1" runat="server">
    <div id="login">
        <div id="loginlogo">
        </div>
        <div id="loginpanel">
            <div class="panel-h">
            </div>
            <div class="panel-c">
                <div class="panel-c-l">
                    <table cellpadding="0" cellspacing="0">
                        <tbody>
                            <tr>
                                <td align="left" colspan="2">
                                    <h3>
                                        请使用商场后台管理系统账号登陆</h3>
                                </td>
                            </tr>
                            <tr>
                                <td align="right">
                                    账号：
                                </td>
                                <td align="left">
                                    <input type="text" name="loginusername" id="txtUsername" class="login-text" />
                                </td>
                            </tr>
                            <tr>
                                <td align="right">
                                    密码：
                                </td>
                                <td align="left">
                                    <input type="password" name="loginpassword" id="txtPassword" class="login-text" />
                                </td>
                            </tr>
                            <tr>
                                <td align="center" colspan="2">
                                    <asp:Button ID="Button1" runat="server" Text="login" Visible="false" onclick="Button1_Click" />
                                    <input type="button" id="btnLogin" value="登陆" class="login-btn" />
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="panel-c-r">
                    <p>
                        请从左侧输入登录账号和密码登录。</p>
                    <p>
                        如果遇到系统问题，请联系管理员。</p>
                    <p>
                        如果没有账号，请联系管理员。</p>
                </div>
            </div>
            <div class="panel-f">
            </div>
        </div>
        <div id="logincopyright">
            Copyright © 2012 ZoomRun
        </div>
    </div>
    </form>
</body>
</html>
